<?php include 'page-header.php'; ?>

	<script type="text/javascript">
		var mail = <?php echo $items; ?>;
	</script>

	<link rel="stylesheet" media="screen" href="assets/css/default/inbox.css" />
	<script type="text/javascript" src="assets/js/default/inbox.js"></script>

	<div id="inbox-environment" class="row-fluid">
		<div id="inbox-navigation" class="span2">
			<ul class="nav nav-pills nav-stacked">
				<li class="inbox"><a href="inbox.php">Inbox (5)</a></li>
				<li class="sent"><a href="inbox.php?sent">Sent Mail</a></li>
				<li class="system"><a href="#">System Mail</a></li>
				<li class="trash"><a href="#">Trash</a></li>
			</ul>
		</div>

		<div id="inbox-content" class="span10">
			<div id="inbox-header" class="row-fluid">
				<div class="span4">
					<h2><?php echo ucfirst($section); ?></h2>
				</div>
				<div class="span8 input-append text-right" style="margin-top:15px;">
					<input class="span6" type="text">
					<button class="btn" type="button">Search</button>
				</div>
			</div>

			<div id="inbox-items" class="row-fluid">
				<div class="span12">
					<table id="inbox-mail-overview" class="table table-striped table-hover">
						<tbody>
							<tr data-item="#inbox/123" style="display:none;"><td class="span1"><input type="checkbox" /></td><td class="span2"></td><td></td><td class="span1"><i class="icon icon-trash"></i></td></tr>
							<!-- <tr data-item="#inbox/123" style="display:none;"><td class="span1"><input type="checkbox" /></td><td class="span2">_Eagle</td><td>Happy Holidays<small class="pull-right">May 18th, 2013 09:52PM</small></td><td class="span1"><i class="icon icon-trash"></i></td></tr> -->
						</tbody>
					</table>

					<div id="inbox-mail-item" style="display:none;">
						<div id="inbox-message">
							<div class="row-fluid">
								<h5 id="inbox-message-subject" class="span4">Happy Holidays</h5>
								<div id="inbox-message-options" class="span5 pull-right text-right" style="margin-top:5px;">
									<i class="icon icon-trash"></i> <i class="icon icon-mail-reply-all"></i> <i class="icon icon-flag"></i>
								</div>
							</div>
							<p><a id="inbox-message-userlink" href="#">_Eagle</a><small id="inbox-message-timestamp" class="pull-right">May 18th, 2013 12:46PM</small></p>
							<p id="inbox-message-body">Happy Holidays from the bird<br /><br />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse id ultricies ante. Aenean id dui mi. Mauris erat ante, aliquet id congue quis, malesuada at nisi. Phasellus in sapien mauris, at facilisis diam. Phasellus dignissim egestas tristique. Nunc aliquam elit at magna ultrices facilisis. Pellentesque quis urna accumsan leo semper aliquam quis a arcu. Ut viverra lacinia vehicula. Proin nec sem et odio adipiscing porttitor.<br /><br />_Eagle</p>
						</div>
						<div id="inbox-message-reply">
							<h4>Reply</h4>
							<textarea class="span12" style="height:100px;"></textarea>
							<button class="btn pull-right">Send</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

<?php include 'page-footer.php'; ?>